<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>角色列表</title>
    
	
		<jsp:include page="../../common/Head.jsp"></jsp:include>
		<link rel="stylesheet" type="text/css" href="css/button.css">
		<link rel="stylesheet" type="text/css" href="css/user.css">
		
		
		<script type="text/javascript" src="oa/role/roleList.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
}
.editDIV,.delDIV{
	text-decoration:underline;
	cursor:pointer;
	color:#330;
}
.myBtn {
	background-image: url(img/bigButton.png);
	cursor: pointer;
	height:30px;
}
</style>
			
 
  </head>
  
  <body>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="img/tab_03.gif" width="15" height="30" /></td>
        <td width="1101" background="img/tab_05.gif">
        	<img src="img/311.gif" width="16" height="16" /> 
        	<span class="STYLE4">角色列表<span id="rstSP" style="position:absolute;left:40%;background-color:#C90;padding:5px;padding-bottom:0px;display:none"></span>
			</span>
        </td>
        <td width="281" background="img/tab_05.gif">
			<span id="addRole" style="color: blue;cursor: pointer;text-decoration: underline;">增加角色</span>        
        </td>
        <td width="14"><img src="img/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9" background="img/tab_12.gif">&nbsp;</td>
        <td bgcolor="#dceffd">
          <table id="lists" width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#84b1d3" >
          <thead>
          <tr>
            <td width="20%"   class="tdhead"><div>角色编号</div></td>
            <td width="40%"  class="tdhead"><div>角色名</div></td>
            <td width="20%"  class="tdhead"><div>查看详情</div></td>
            <td width="20%"  class="tdhead"><div>删除角色</div></td>
          </tr>
          
          <tbody id="listRole">
          </tbody>
          <tr id="loadingRole">
		  	<td colspan="9" >
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<img src="img/loading.gif" />
					<span style="margin-left: 15px">正在查询数据，请稍后……</span>
				</div>
			</td>
		  </tr>
		  <tr id="noneRole"  style="display:none">
		  	<td colspan="9" height="18" bgcolor="#FFFFFF">
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<span style="margin-left: 15px">没有相关数据</span>
				</div>
			</td>
		  </tr>
          </thead>
        	</table>
        </td>
        <td width="9" background="img/tab_16.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="img/tab_20.gif" width="15" height="29" /></td>
        <td width="100%" background="img/tab_21.gif"></td>
        <td width="14"><img src="img/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>

<%--
增加的窗口
--%>
<div id="dialog-form-add" title="增加角色">
			<form>
				<fieldset>
					<label for="name">
						角色名称
					</label>
					<input type="text" id='add_name'
						class="text ui-widget-content ui-corner-all" />
				</fieldset>
			</form>
</div>

  </body>
</html>
